<?php include 'application/views/header.php' ?>
<!-- PAGE PRODUCT -->
<div id="page-login" class="page-content" style="padding:20px" >
	<div class="main-frame">
    	<div class="block-main">
    		<div class="block-holder">
    			<div class="block-frame">
    				<div class="column">
    					<h2>PC Tools Customer Login</h2>
    					<p>Welcome to PC Tools My Account, the safe and easy way to manage your subscription. Please login or if you’re not sure if you have access <a href="/vi/myaccount/forgotpassword/">click here</a>.</p>
                        
                        <div class="flash-message"><?php echo $this->session->flashdata('message') ?></div>
                        
    					<form action="#" id="frmLogin" class="address-form" method="post">
    						<fieldset>
    							<div class="text"><span><label id="label-username" for="username" class="inlined">E-mail Address</label>
                                    <input class="input-text" type="text" id="username" name="username"></span></div>
    							<div class="text"><span><label id="label-password" for="password" class="inlined">Password</label>
                                    <input class="input-text" type="password" id="password" name="password"></span></div>
    							<div class="row">
    								<input id="rememberme" name="rememberme" type="checkbox" class="checkbox" value="1">
    								<label for="email">Remember login</label>
    								<span style="display:block;height:38px;float:right; background: url(&quot;/res/new/images/myaccount/bg-submit-1-left.gif&quot;) no-repeat scroll top left transparent;padding-left:5px">
    										<span style="display:block;height:38px;float:right; background: url(&quot;/res/new/images/myaccount/bg-submit-1-right.gif&quot;) no-repeat scroll top right transparent;padding-right:5px">
    										<input type="submit" class="submit" value="Login">
    										</span>
    										</span>
    							</div>
    							<a class="register" 
                                    href="<?php echo base_url() ?>quen-mat-khau.html">Forgot your password?</a>
    						</fieldset>
    					</form>
    				</div>
    				<div class="column">
    					<h2>Setup a password to access My Account</h2>
    					<p>Sign up today to manage your subscription including:</p> 
                        <ul class="list-info"> 
                            <li>Subscription renewal options</li> 
                            <li>Update your contact details</li> 
                            <li>Fast track support services</li> 
                            <li>Log or track a support request</li> 
                        </ul> 
                        <a class="register" href="<?php echo base_url() ?>dang-ky.html">Register Now »</a>				</div>
    			</div>
    
    		</div>
    	</div>
    </div>
    <div class="clr"></div>
</div>
<?php include 'application/views/footer.php' ?>

<script>
$('#username').focus(function(){
    $('#label-username').html('');
});
$('#password').focus(function(){
    $('#label-password').html('');
});
$('#frmLogin').validate({
    rules:{
        username : 'required',
        password : 'required'
    },
    messages: {
        username : '',
        password : ''
    }
})
</script>